﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="company_index.aspx.cs" Inherits="DTcms.Web.company_index" %>

<!doctype html>
<html>
<head>
<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>中国石材圈 - 全国首家石材综合信息网</title>
<link href="css/maincss.css" rel="stylesheet" type="text/css">

    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" media="all" />
    
    <link href="css/basic.css" rel="stylesheet" />
    <link href="css/app.css" rel="stylesheet" />
    <link href="css/company.css" rel="stylesheet" />
    <script src="scripts/jquery/jquery-1.11.2.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="js/jq_scroll.js" type="text/javascript"></script>
    <script src="js/layer/layer.js"></script>
    <script src="js/lightbox/spotlight.bundle.js"></script><!--相册预览效果插件-->
    <script>
        //平台、设备和操作系统
        var system = {
            win: false,
            mac: false,
            xll: false,
            ipad: false
        };
        //检测平台
        var p = navigator.platform;
        system.win = p.indexOf("Win") == 0;//window电脑
        system.mac = p.indexOf("Mac") == 0;//苹果电脑
        system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
        system.ipad = (navigator.userAgent.match(/iPad/i) != null) ? true : false;
        //跳转语句，如果是手机访问就自动跳转到m.wuzheng.com.cn页面
        if (system.win || system.mac || system.xll) {//如果是PC端登录不做任何操作登录电脑端的系统

        } else {//如果是手机或者平板登录就登录手机端的系统
            window.location.href = "/mcompany_inde.aspx?company_id=" + GetQueryString("d");
        }
        $(function () {
            var playerurl = '<%=com[4]%>';
            var poster = '<%=com[3]%>';
            if (playerurl + "" != "") {
                $("#player").show();
                $("#player").attr("src", playerurl);
                $("#player").load();
            }
            else { $("#player").hide();}
            if (poster + "" != "") {
                $("#player").attr("poster", poster);
            }
        });

        function GetQueryString(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return unescape(r[2]); return null;
        }

        function opencompany() {
            //自定页
            layer.open({
                type: 1,
                title: false, //不显示标题
                skin: 'layui-layer-demo', //样式类名
                closeBtn: 0, //不显示关闭按钮
                anim: 2,
                shadeClose: true, //开启遮罩关闭
                content: '<div style=padding:10px;line-height:25px;><%=companyabout%></div>'
            });
        }
    </script>

</head>

<body id="index">
    <a id="a_top" name="a_top"></a>
     
    <header>
       <div class="container">
            <div class="header_line">
                <div class="pull-left"><%--欢迎光临山东白麻石材有限公司官方网站  联系电话：15065597447--%></div>
                <div class="pull-right">
                    <a href="http://www.shicaiquanzi.com" target="_blank">中国石材圈官方</a>
                    <a href="http://www.shicaiquanzi.com" target="_blank">APP下载</a>
                    <a href="http://www.shicaiquanzi.com" target="_blank">石材企业管理系统下载</a>
                </div>
                <div class="clearfix"></div>
            </div>
           <div class="header_logo mt10">
               <div class="logo_01"><a href="/"><img src="/images/logo.png" /></a><a href="javascript:void(0)"><img src="<%= com[0]  %>" /></a></div>
               <div class="company_name">
                   <h1><%= com[1]  %></h1>
                   <p>主营：<%= com[2]  %></p>
               </div>
               <div class="clearfix"></div>
           </div>
       </div>
    </header>
    <section class="nav_menu mt10">
        <div class="container">
            <ul class="nav_menu_list">
                <li><a href="#a_top">主页</a></li>
                <li><a href="#a_about">关于我们</a></li>
                <li><a href="#a_pro">产品展示</a></li>
                <li><a href="#a_company">企业形象</a></li>
            
                <li><a href="#a_news">最新动态</a></li>
                <li><a href="#a_contact">联系我们</a></li>
            </ul>
        </div>
    </section>
    <section class="container">
    <!-- 图片播放功能 -->
    <div class="bannerPane" style="z-index:1;">
        <section class="slider">
            <div class="flexslider">
                <ul class="slides">
                    <asp:Repeater runat="server" ID="company_banner">
                        <ItemTemplate>
                            <li><a href="javascript:;"><img src="<%#Eval("original_path") %>"  alt="中国石材圈" class="img-responsive resizeimg center-block" /></a></li>
                        </ItemTemplate>
                    </asp:Repeater>
                </ul>
            </div>
           
        </section>
        
    </div>
    </section>
    <a name="a_pro" id="a_pro">&nbsp;</a>
    <section>
        <div class="ng-fault ng-container">

            <div class="ng-inmod-the ng-container ng-bg-assist">
                <span class="ng-inmod-the-bg ng-inmod-the-bg-left aos-init aos-animate" aos="fade-down-right"><img src="/images/company/insie1.png" alt=""></span>
                <span class="ng-inmod-the-bg ng-inmod-the-bg-right aos-init aos-animate" aos="fade-up-left"><img src="/images/company/insie2.png" alt=""></span>
                <span class="ng-inmod-the-cn aos-init aos-animate" aos="fade-down">产品中心</span>
                <span class="ng-inmod-the-en aos-init aos-animate" aos="fade-up">PRODUCT</span>
            </div>
            <span class="ng-inmod-thebor aos-init aos-animate" aos="fade-up"></span>
        </div>
        <div class="container">
            <ul class="row pro_list">
                <%--<li class="col-md-3">
                   <img src="images/company/huangjinma.jpg" />
                    <h2>山东黄金麻</h2>
                </li>--%>
                <%=com[5] %>
            </ul>
        </div>
    </section>
    <a id="a_about" name="a_about"></a>
    <section class="com_bg">
        <div class="container">
            <div class="col-md-7 col-sm-7">
                <h2><%= com[1]  %></h2>
                <p>      <%=com[6] %>
                    <a href="javascript:void(0)" onclick="opencompany()" class="btn_more">查看更多</a>
                </p>
            </div>
            <div class="col-md-5 col-sm-5">
                <video id="player" poster="../image/avatar.jpg"  crossorigin="anonymous"  loop controls webkit-playsinline style="width:100%;height:100%;"></video>
            </div>
            <div class="clearfix"></div>
        </div>
    </section>
    <a id="a_company" name="a_company"></a>
    <section>
        <div class="ng-fault ng-container">

            <div class="ng-inmod-the ng-container ng-bg-assist">
                <span class="ng-inmod-the-bg ng-inmod-the-bg-left aos-init aos-animate" aos="fade-down-right"><img src="/images/company/insie1.png" alt=""></span>
                <span class="ng-inmod-the-bg ng-inmod-the-bg-right aos-init aos-animate" aos="fade-up-left"><img src="/images/company/insie2.png" alt=""></span>
                <span class="ng-inmod-the-cn aos-init aos-animate" aos="fade-down">企业形象</span>
                <span class="ng-inmod-the-en aos-init aos-animate" aos="fade-up">SPACE SHOW</span>
            </div>
            <span class="ng-inmod-thebor aos-init aos-animate" aos="fade-up"></span>
        </div>
        <div class="container">
            <ul class="row pro_list">
                <%= com[9] %>
            </ul>
        </div>
    </section>
    <a id="a_news" name="a_news"></a>
    <section>
        <div class="ng-fault ng-container">

            <div class="ng-inmod-the ng-container ng-bg-assist">
                <span class="ng-inmod-the-bg ng-inmod-the-bg-left aos-init aos-animate" aos="fade-down-right"><img src="/images/company/insie1.png" alt=""></span>
                <span class="ng-inmod-the-bg ng-inmod-the-bg-right aos-init aos-animate" aos="fade-up-left"><img src="/images/company/insie2.png" alt=""></span>
                <span class="ng-inmod-the-cn aos-init aos-animate" aos="fade-down">最新动态</span>
                <span class="ng-inmod-the-en aos-init aos-animate" aos="fade-up">NEWS</span>
            </div>
            <span class="ng-inmod-thebor aos-init aos-animate" aos="fade-up"></span>
        </div>
        <div class="container ">
             <div class="quanzi_list">
                 <ul class="row dt_list" id="xinxi_list">
                   <%=com[10] %>
                 </ul>
             </div>
        </div>
    </section>
    <section class="link_box">
        <div class="container">
            友情链接：
        <a href="http://www.baimastone.com" target="_blank">山东白麻</a>
        </div>
    </section>
    <section class="foot_menu nav_menu">
        <div class="container ">
            <ul class="nav_menu_list">
                <li><a href="#a_top">主页</a></li>
                <li><a href="#a_about">关于我们</a></li>
                <li><a href="#a_pro">产品展示</a></li>
                <li><a href="#a_company">企业形象</a></li>
                <li><a href="#a_news">最新动态</a></li>
                <li><a href="#a_contact">联系我们</a></li>
            </ul>
        </div>
    </section>
    <a id="a_contact" name="a_contact"></a>
    <footer >
        <div class="container">
            <div class="col-md-2 foot_imgbox">
                <img src="<%= com[0]  %>" />
            </div>
            <div class="col-md-10">
                <h2><%= com[1]  %></h2>
                <p>地址： <%=com[8] %> 【销售热线：<%=com[12] %>】</p>
                <p>公司主营：<%= com[2]  %></p>
                <p class="copyright_box">技术支持：中国石材圈   Copyright (C) 2018 www.shicaiquanzi.com 备案号：鲁ICP备09075556号-4  山东新石石材圈网络科技有限公司</p>
            </div>
            <div class="clearfix"></div>
        </div>
    </footer>
     <script src="templates/main/js/jquery.flexslider-min.js"></script>

    <script>
        $(function(){
            //---------------------------------------------------------------------- BANNER SLIDER
            if($(".flexslider").length != 0) {
                $('.flexslider').flexslider({
                    animation: "fade",
                    //smoothHeight: true,
                    slideshowSpeed: 3000, // Integer: ms 滚动间隔时间
                    animationSpeed: 600, // Integer: ms 动画滚动速度
                    start: function(slider){
                        //$('body').removeClass('loading');
                    }
                });
            }
        });
    </script>
</body>
</html>